<template>
  <div>
    <LianxiOne></LianxiOne>
    <LianxiTwo></LianxiTwo>
    <LianxiThree></LianxiThree>
    <LianFour></LianFour>
    <!-- <lianxi-one></lianxi-one> -->
    <hr />
    <MyFive></MyFive>
    <MySix></MySix>
    <MyFather></MyFather>
  </div>
</template>

<script>
import LianxiOne from "./components/LianxiOne.vue";
import LianxiTwo from "./components/LianxiTwo.vue";
import LianxiThree from "./components/LianxiThree.vue";
import LianFour from "./components/LianFour.vue";
import MyFive from "./components/MyFive.vue";
import MySix from "./components/MySix.vue";
import MyFather from "./components/MyFather.vue";
export default {
  name: "App", //递归组件 递归函数 没有名字函数不能递归
  data() {
    return {};
  },
  components: {
    LianxiOne,
    LianxiTwo,
    LianxiThree,
    LianFour,
    MyFive,
    MySix,
    MyFather,
  },
};
</script>

<style></style>
